*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/*焦点图*/
.smallpic{width:680px;height:406px;margin:20px auto;position:relative;background:#f7f7f7;}
.smallpic .btn{position:absolute;width:15px;height:70px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;padding: 0 0px;}
.smallpic .prev{left:0;background:url(../img/prevBtn.png) no-repeat;}
.smallpic #prevTop,.smallpic #nextTop{top:213px;width:46px;height:48px;}
.smallpic #prevTop{background:url(../img/prevBtnTop.png) 0 0 no-repeat;}
.smallpic #nextTop{background:url(../img/nextBtnTop.png) 0 0 no-repeat;}
.smallpic .next{right:0;background:url(../img/nextBtn.png) no-repeat;}
.smallpic #closeimg{right:0;background:url(../img/close.png) 0 0 no-repeat; top:1px;width:20px;height:20px;}
.smallpic li{float:left;}
.smallpic .cf li{position:relative;color:#fff;}
.smallpic .cf a{display:block;width:680px;height:330px;position:absolute;color:#fff;}
.smallpic .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.smallpic .picBox{height:330px;position:relative;overflow:hidden;}
.smallpic .picBox ul{height:330px;position:absolute;}
.smallpic .picBox li{width:680px;height:330px;}
.smallpic .listBox{width:666px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.smallpic .listBox ul{height:100px;position:absolute;}
.smallpic .listBox li{width:129px;height:70px;cursor:pointer;position:relative;}
.smallpic .listBox li i{display:none;}
.smallpic .listBox li a{display:block;width:124px;height:70px;}
.smallpic .listBox li img{width:124px;height:70px;}
.smallpic .listBox .on img{width:118px;height:64px;border:3px solid #ff6600;}
.smallpic .listBox .on i{display:block;}
.white_contentSelf {
    display: none;
    position: fixed;
    top: 20%;
    left: 25%;
    width: 680px;
    height: 420px;
    border: 2px solid #c3c3c3;
    z-index:1002;
}
.progress{
    height: 10px;
    background: #333;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 30px;
    overflow: visible;
}
.progress .progress-bar{
    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
}
.progress .progress-bar:after{
    content: "";
    display: inline-block;
    width: 9px;
    background: #fff;
    position: absolute;
    top: -10px;
    bottom: -10px;
    right: -1px;
    z-index: 1;
    transform: rotate(35deg);
}
.progress .progress-value{
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    position: absolute;
    top: -30px;
    right: -25px;
}
@-webkit-keyframes animate-positive{
    0%{ width: 0; }
}
@keyframes animate-positive {
    0%{ width: 0; }
}
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}